<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>header</title>
    <link rel="stylesheet" href="../../css/common/reset.css">
    <link rel="stylesheet" href="../../css/common/common.css">
    <link rel="stylesheet" href="../../css/common/header.css">

</head>

<body>

    <!-- 头部开始 -->
    <header class="header">
        <!-- 顶部 -->
        <div class="top wrapper">
            <span>
                乐购www.legou.com
            </span>
            <span>
                欢迎光临乐购 &nbsp; 请 <span>登录 | 注册</span>
            </span>
        </div>
        <!-- 导航栏 -->
        <nav class="nav-t">
            <section class="nav wrapper">

                <section class="logo">

                </section>

                <section class="header-desc">
                    <div class="top-t clearfix">
                        <div class="search">
                            <input type="text" placeholder="请输入搜索的商品名字">
                            <button></button>
                        </div>
                        <div class="car">
                            <b>购物车</b>
                            <span>0</span>
                        </div>

                        <div class="order">
                            我的订单
                        </div>
                    </div>

                    <div class="option">
                        <ul>
                            <li>图书</li>
                            <li>电子书</li>
                            <li>原创文学</li>
                            <li>服装</li>
                            <li>运动户外</li>
                            <li>孕婴童</li>
                            <li>家具</li>
                            <li>创意文具</li>
                            <li>地方特产</li>
                            <li>海外购</li>
                            <li>电器城</li>
                        </ul>
                    </div>

                </section>
            </section>

        </nav>


    </header>
    <!-- 头部结束 -->

</body>

</html>